<template>
	<view class="member">
		<view class="user_info_wrap">
		 <!-- <view  class="user_img_wrap">
		    <image class="user_bg" src=""></image>
		    <view class="user_info">
		      <image class="user_icon" src=""></image>
		      <view class="user_name">aff</view>
		    </view>
		  </view> -->
		  <view class="user_btn">
		    <navigator url="/pages/login/index">登录</navigator>
		  </view>
		</view>
		
		<view class="user_content">
		  <view class="user_main">
		    <!-- 历史足迹 -->
		    <view class="history_wrap">
		      <navigator>
		        <view class="his_num">0</view>
		        <view class="his_name">收藏的店铺</view>
		      </navigator>
		      <navigator url="/pages/member/collection/index">
		        <view class="his_num">{{ lists.length }}</view>
		        <view class="his_name">收藏的商品</view>
		      </navigator>
		      <navigator>
		        <view class="his_num">0</view>
		        <view class="his_name">关注的商品</view>
		      </navigator>
		      <navigator>
		        <view class="his_num">0</view>
		        <view class="his_name">我的足迹</view>
		      </navigator>
		    </view>
		  </view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			getCollectionList(){
				this.lists = uni.getStorageSync('collect') || [];
			}
		},
		onLoad() {
			this.getCollectionList();
		}
	}
</script>

<style scoped>
	/* page{
	  background-color: #edece8;
	} */
	.user_info_wrap{
	  height: 45vh;
	  background-color:rgb(253,68,80);
	  overflow: hidden;
	  position: relative;
	}
	.user_img_wrap{
	
	}
	.user_bg{
	  height: 50vh;
	  /* 高斯模糊 */
	  filter: blur(10rpx);
	}
	.user_info{
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	  top: 10%;
	  text-align: center;
	}
	.user_icon{
	  width: 150rpx;
	  height: 150rpx;
	  border-radius: 50%;
	}
	.user_name{
	  color: #fff;
	  margin-top: 40rpx;
	  font-size: 40rpx;
	}
	.user_btn{
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	  top: 30%;
	  border: 1rpx solid greenyellow;
	  color: greenyellow;
	  font-size: 38rpx;
	  padding: 30rpx 40rpx;
	  border-radius: 10rpx;
	}
	
	/* 内容部分 */
	.user_content{
	  position: relative;
	}
	.user_main{
	  padding-bottom: 100rpx;
	  color: #666;
	  position: absolute;
	  width: 90%;
	  left: 50%;
	  transform: translateX(-50%);
	  top: -50rpx;
	}
	.history_wrap{
	  background-color: #fff;
	  display: flex;
	}
	navigator{
	  flex: 1;
	  text-align: center;
	  padding: 10rpx 0;
	}
	.his_num{
	  color: rgb(253,68,80);
	}
	.his_name{
	
	}
</style>
